<style type="text/css">
	header{
		display:none;
	}
	section{
		top:0;
	}
	ul,li,h1,h2,h3,h4,h5,dl,dt,dd,p,{
		margin:0;
		padding:0;
	}
	img{
		display:block;
		margin:0 auto;
	}
	ul li {
		list-style:none;
	}
	a{
	  text-decoration:none;
	}
	.bookdiv{
		position:absolute;
		right:0;
		left:0;
		overflow:auto;
	}
	/*新鲜预定头部*/
	.b_head{
	    width:100%;
	    height:1.40625rem;
	    background-color:#f9fafd;
	    text-align:center;
	    line-height:1.40625rem;
	    border-bottom:solid 0.03125rem #e0e0e0;
	}
	.tiao{
		width:100%;
		height:0.15625rem;
		background-color: #efefef;
	}
	
	.b_head2{
	   width:100%;
	   height:2.1875rem;
	   border-bottom:solid 15px #efefef;
	}
	.b_head2 ul{
		 width:100%;
		 height:100%;
		 display:flex;
		 flex-wrap: wrap;
	}
	.b_head2 li{
		width:20%;
		height:50%;
		border-bottom:solid 2px #d1d1d1;
		display:flex;
		 align-items: center;
		 justify-content:center;
	}
	
	
	/*精选水果*/
	.fruit{
		width:98%;
		height:0.9375rem;
		display:flex;
		align-items: center;
	    justify-content: flex-start;
	    border-bottom:solid 1px #cccccc;
	    padding-left :0.3125rem;
	    color:#8a8a8a;
	}
	.fruit span{
		width:0.15625rem;
		height:0.46875rem;
		display: inline-block;
		background-color:#2bb1fa;
	    margin-right:0.3125rem;
	    
	}
	
	/*
	 * 精选水果下面的详细信息
	 */
	.finfo{
	  width:100%;
	  height:3.515625rem;
	  display:flex;
	  border-bottom:solid 1px #cccccc;
	}
	.f_left{
		width:40%;
		height:100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.f_left img{
		width:70%;
		height:80%;
	}
	.f_right{
		width:60%;
		height:84%;
		color:#d1d1d1;
		line-height: 0.825rem;
		font-size:0.40625rem;
		padding-top:0.4125rem;
		position:relative;
	}
	
	.redcar{
		
		    width: 24%;
    height: 43%;
		position: absolute;
		top:1.9125rem;
		left: 3.46875rem;
	}
</style>
<div class="bookdiv">
	<div class="b_head">
		<h1>新鲜预定</h1>
	</div>
	<div class="tiao"></div>
	<div class="b_head2">
		<ul>
			<li>精选水果</li>
			<li>直供蔬菜</li>
			<li>水产海鲜</li>
			<li>肉禽蛋</li>
			<li>乳品烘焙</li>
			<li>熟食面点</li>
			<li>粮油副食</li>
			<li>酒水饮料</li>
			<li>休闲零食</li>
			<li>整箱购</li>
		</ul>
	</div>
	
	<div class="fruit">
		<span></span>
		<h1>精选水果</h1>
	</div>
	
	<div class="finfo" ng-repeat="i in bList">
		<div class="f_left">
			<img src="{{i.img}}">
		</div>
		<div class="f_right">
			<p>{{i.name}}</p>
			<h1 style="color:red;margin-top:0.325rem">￥{{i.price}}</h1>
			<img src="img/红车.png" class="redcar">
		</div>
	</div>
</div>